﻿.hotelDiagram
{
    overflow:hidden;
}
.floorWapper, .floorWapperAlt
{      
    position: relative;    
    min-height:55px;
}
.floorWapperAlt
{
     background-color:#eee;
}
.floorInfo
{   
    width:80px;     
    font-weight:bold;
    text-align:right; 
    padding-right:10px;
    cursor:pointer;    
    color:#FFF;
    background-color:#8EA3B9;   
    min-height:55px;
}
.roomsInFloor
{
     padding:5px 0px 0px 0px; 
}
.roomWrapper
{
    width:54px;
    margin:0px 0px 5px 7px;        
    float:left; 
    text-align:center;
    vertical-align:middle; 
    padding:auto;
    position:relative;
}
.roomInfo
{
    background:url(../Images/hotel_bg_room.png) no-repeat ;   
    width:54px;
    height:60px; 
    cursor:pointer;  
    font-weight:bold;   
}
.roomInfo:hover, .roomSelected
{
    background-position:0 -61px;    
}

.room_icon
{
    width:41px;
    margin:5px 0px 10px 13px;
    height:25px;   
    background:url(../Images/icons/hotel_room_status_small.png) no-repeat;
    display:inline-block;
}
.room_icon_desc
{
    height:20px;
    padding:5px 0px 0px 28px;  
    background:url(../Images/icons/hotel_room_status_small.png) no-repeat;
    display:inline-block;
    margin-right:15px;
    font-size:12px;
}

.room_status_empty
{
    background-position:0px 0px;
}
.room_status_reserved
{
    background-position:0px -25px;
}
.room_status_checked_in
{
    background-position:0px -50px;
}
.room_status_checked_in_multi
{
    background-position:0px -75px;
}
.room_status_dirty
{
    background-position:0px -100px;
}
.room_status_maintenance
{
    background-position:0px -125px;
}



